<template>
    <v-fullscreen @popStatus="handlePopStatus" title="点击切换全屏">
        <template v-slot:header>
            <upper :height="70"></upper>
        </template>
        <v-row :width="1920" :height="650">
            <v-col :width="420">
                <divice :height="320" :width="420"/>
                <film :height="300" :width="420"/>
            </v-col>
            <v-col :width="1020">
                <divice :height="300" :width="1020"/>
                <film :height="310" :width="1020"/>
            </v-col>
            <v-col :width="420">
                <divice :height="310" :width="420"/>
                <film :height="300" :width="420"/>
            </v-col>
        </v-row>
        <template v-slot:footer>
            <film :height="350" :width="400"/>
            <event :height="350" :width="380"/>
            <film :height="350" :width="1100"/>
        </template>
    </v-fullscreen>
</template>
<script setup>
    /* import vFullscreen from '../components/index.vue'
    import vCol from '../components/widget/column.vue'
    import vRow from '../components/widget/row.vue' */
    import upper from './widget/upper.vue'
    import divice from './widget/divice.vue'
    import film from './widget/film.vue'
    import event from './widget/event.vue'
    const handlePopStatus = (status) => {
        console.log('handlePopStatus--', status)
    }
</script>
<!-- 
<template>
    <v-fullscreen @popStatus="handlePopStatus" title="点击切换大屏">
        <template v-slot:header>
            <upper :height="70"></upper>
        </template>
        <v-col :width="1300" :height="990">
            <v-row>
                <film :height="500" :width="400"/>
                <divice :height="500" :width="460"/>
                <event :height="500" :width="420"/>
            </v-row>
            <v-row>
                <film :height="470" :width="430"/>
                <divice :height="470" :width="520"/>
                <event :height="470" :width="320"/>
            </v-row>
        </v-col>
        <v-col :width="600">
            <film :width="600" :height="470"/>
            <divice :width="600" :height="500"/>
        </v-col>
    </v-fullscreen>
</template>
 -->